<demo>
基础用法
<p></p>
</demo>
<template>
  <HTabs v-model:selected="selected">
    <HTab title="导航1">内容1</HTab>
    <HTab title="导航2">内容2</HTab>
  </HTabs>
</template>

<script lang="ts">
import { HTabs, HTab } from '../../../lib/index'
import { ref } from 'vue'
export default {
  components: {
    HTabs,
    HTab,
  },
  setup() {
    // const selected = ref('导航1')
    const selected = ref('导航2')
    return { selected }
  },
}
</script>
